<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>教师基本信息</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 首页
							</a>
						</li>
						<li class="active">
							我的基本信息
						</li>
					</ol>
					<h1>
			        我的基本信息
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel user-base-info layui-form">
								<div class="layui-upload-drag" id="avatar">
									<i class="layui-icon"></i>
									<p>点击上传头像<br>或将图片拖拽到此处</p>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label"><span class="bitian-icon">*</span>工号</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入工号" class="layui-input">
										<span class="login-error">工号不能为空</span>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label"><span class="bitian-icon">*</span>姓名</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入姓名" class="layui-input">
										<span class="login-error">姓名不能为空</span>
									</div>
								</div>
								<div class="layui-form-item select">
									<div class="layui-inline">
										<label class="layui-form-label"><span class="bitian-icon">*</span>所属院系</label>
										<div class="layui-input-inline">
											<select name="modules" lay-verify="required" lay-search="">
												<option value="">选择所属院系</option>
												<option value="1">计算机与信息工程学院</option>
												<option value="2">数字创意学院</option>
												<option value="3">外国语学院</option>
												<option value="4">土木工程学院</option>
												<option value="5">机械学院</option>
												<option value="6">软件工程学院</option>
											</select>
											<span class="login-error">所属院系不能为空</span>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label"><span class="bitian-icon">*</span>邮箱</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入邮箱" class="layui-input">
										<span class="login-error">邮箱不能为空</span>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label"><span class="bitian-icon">*</span>手机号</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入手机号" class="layui-input">
										<span class="login-error">手机号不能为空</span>
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">QQ</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入QQ" class="layui-input">
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">微信</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入微信" class="layui-input">
									</div>
								</div>
								<div class="layui-form-item sex">
									<label class="layui-form-label">性别</label>
									<div class="layui-input-block">
										<input type="radio" name="sex" value="男" title="男" checked="">
										<input type="radio" name="sex" value="女" title="女">
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label">职称</label>
									<div class="layui-input-block">
										<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入职称" class="layui-input">
									</div>
								</div>
								<div class="layui-form-item layui-form-text">
									<label class="layui-form-label">个人简介</label>
									<div class="layui-input-block">
										<textarea placeholder="请输入个人简介" class="layui-textarea"></textarea>
									</div>
								</div>
								<div class="btns">
									<button class="layui-btn">保存</button>
									<button class="layui-btn layui-btn-primary">取消</button>
								</div>
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
	</body>
	<script>
		layui.use(['upload', 'form'], function() {
			var $ = layui.jquery,
				upload = layui.upload,
				form = layui.form;
			//拖拽上传
			upload.render({
				elem: '#avatar',
				url: '/upload/',
				accept: 'images',
				done: function(res) {
					console.log(res)
				}
			});
		});
	</script>

</html>